<?xml version="1.0" encoding="UTF-8"?>
<ui:composition template="/dynamic/layout/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="content">
		<style>
p label {
	width: 120px;
	float: left;
	text-align: right;
	height: 30px;
}
</style>
		<div id="welcome">
			<p style="clear: both" />
		</div>
		<h3>Edytuj uczelnię</h3>
		<h:form id="editSchoolForm">
			<table class="showTable">
				<tr>
					<td><label>Nazwa:</label></td>
					<td><p:inputText id="name" required="true"
							styleClass="login_input_long" label="Nazwa"
							requiredMessage="Nazwa jest wymagana."
							validatorMessage="Nazwa musi być dłuższa niż dwa znaki!."
							value="#{schoolMBean.actualSchool.name}">
							<f:ajax event="blur" render="nameM" />
							<f:validateLength minimum="3" />
						</p:inputText> <h:message id="nameM" for="name" style="color:red"
							showDetail="true" showSummary="true" tooltip="true" /></td>
				</tr>
				<tr>
					<td><label>Data założenia:</label></td>
					<td><p:calendar id="foundationYear" label="Data założenia"
							value="#{schoolMBean.actualSchool.foundationYear}"
							required="true" requiredMessage="Data założenia jest wymagana."
							pattern="dd/MM/yyyy">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</p:calendar> <h:message for="foundationYear" style="color:red"
							showDetail="true" showSummary="true" tooltip="true" /></td>
				</tr>
				<tr>
					<td><label style="height: 100px">Opis:</label></td>
					<td><p:inputTextarea id="description" required="true"
							styleClass="login_input_long" label="Opis"
							requiredMessage="Opis jest wymagany."
							value="#{schoolMBean.actualSchool.description}"
							validatorMessage="Opis musi być dłuższe niż 2 znaki!"
							autoResize="false">
							<f:ajax event="blur" render="descriptionM" />
							<f:validateLength minimum="3" />
						</p:inputTextarea> <h:message id="descriptionM" for="description" style="color:red"
							showDetail="true" showSummary="true" tooltip="true" /></td>
				</tr>

			</table>
			<br />
			<hr />
			<label>Aktualne zdjęcia</label>
			<br />
			<p:dataTable value="#{schoolMBean.actualSchool.photos}" var="photo"
				id="imageActual">
				<p:column headerText="Zdjecia">
					<p:graphicImage value="#{schoolMBean.image}" width="150"
						height="100">
						<f:param name="imageIdD" value="#{photo.idPhoto}" />
					</p:graphicImage>

				</p:column>
				<p:column headerText="Usuń z listy">
					<p:commandButton value="Usuń"
						action="#{schoolMBean.deleteActualPhoto}" ajax="false">
						<f:param id="imageId4" name="imageIdD" value="#{photo.idPhoto}" />
					</p:commandButton>
				</p:column>
			</p:dataTable>

			<br />
			<br />
			<label>Zdjęcia</label>
			<br />
			<p:fileUpload fileUploadListener="#{schoolMBean.upload}"
				allowTypes="/(\.|\/)(gif|jpe?g|png)$/" sizeLimit="1000000"
				description="Wybierz zdjęcia" update="imageList" />

			<p:dataTable value="#{schoolMBean.listImages}" var="imageId"
				id="imageList">
				<p:column headerText="Zdjecia">
					<h:outputText value="#{imageId}" />
				</p:column>
				<p:column headerText="Usuń z listy">
					<p:commandButton value="Usuń" action="#{schoolMBean.deletePhoto}"
						ajax="false">
						<f:param id="imageId2" name="imageId" value="#{imageId}" />
					</p:commandButton>
				</p:column>
			</p:dataTable>


			<p:commandButton id="saveSchool"
				action="#{schoolMBean.saveEditedSchool}" value="Zapisz zmiany"
				ajax="false" />
		</h:form>


		<div id="main_content"></div>

	</ui:define>
</ui:composition>